<script setup>

import Header from "@/views/Instruction/components/header.vue";
import Subscribe from "@/views/Instruction/components/subscribe.vue";
import Content from "@/views/Instruction/components/content.vue";
import Footer from "@/views/BookInformation/components/footer.vue";
import Nav from "@/components/Nav/nav-parallax.vue"
</script>

<template>
  <div class="instruction">
    <Nav></Nav>
    <Header></Header>
    <Subscribe></Subscribe>
    <Content></Content>
    <div class="foot">
      <Footer></Footer>
    </div>
  </div>
</template>

<style scoped>
.instruction {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
}
.foot{
  width: 100%;
}
</style>